$(function(){
    
      var id = 0;

      function render(){
        $.ajax({
          url:'http://127.0.0.1:9090/api/getbaicaijiatitle',
          dataType:'json',
          success:function(info){
            // console.log(info);
            $('.nav').html(template('tmp-nav',info));
            // console.log(info.result.length);
            
            var num = 0;
            $('.nav ul li').each(function(i,v){
              num += $(v).width();
            })
            // console.log(num);
            $('.nav ul').width(num);

            new IScroll(".nav", {
              scrollX: true,
              scrollY: false
            })
            secrender();
          }
        })
      }
      render();

      // 渲染商品列表
      function secrender(){
        $.ajax({
          url:'http://127.0.0.1:9090/api/getbaicaijiaproduct',
          data:{titleid:id},
          dataType:'json',
          success:function(info){
            // console.log(info);
            // console.log(info.result[0].productCoupon);
            // console.log(info.result[0].productCouponRemain);
            // console.log(info.result[0].productHref);
            // console.log(info.result[0].productImg);
            // console.log(info.result[0].productPrice);
            // console.log(info.result[0].productName);
            $('.list ul').html(template('tmp',info));
          }
        })
      }

      // 委托事件 高亮效果 
      $('.nav').on('click','.nav ul li',function(){
        id = $(this).data('id');
        // console.log(id);
        $(this).children().addClass('current')
        $(this).siblings().children().removeClass('current');
        secrender();
      })

      // 右下角回到顶部
      $('.go-top').click(function(){
        var h = $(document.documentElement).scrollTop();
        var sh = $(window).height();
        // console.log(h);
        // console.log(sh);
        if(h>sh){
          $(document.documentElement).scrollTop(0);
        }

      })

    

     










})